<template>
    <div>
<!-- <mt-swipe :auto="4000">

  <mt-swipe-item v-for="(item,k,m) in lunbotuList" :key="m">
    <img :src="item.img" alt="">
  </mt-swipe-item>
  </mt-swipe> -->
<swiper :lunbotuList="lunbotuList" :isfull ="true">

</swiper>



                <ul class="mui-table-view mui-grid-view mui-grid-9">
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/newslist">
		                    <img src="../../images/menu1.png" alt="">
		                    <div class="mui-media-body">新闻资讯</div></router-link></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/photolist">
		                    <img src="../../images/menu2.png" alt="">
		                    <div class="mui-media-body">美女图集</div></router-link></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/goodslists">
		                    <img src="../../images/menu3.png" alt="">
		                    <div class="mui-media-body">商品购买</div></router-link></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <img src="../../images/menu4.png" alt="">
		                    <div class="mui-media-body">我要赚钱</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <img src="../../images/menu5.png" alt="">
		                    <div class="mui-media-body">热门项目</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <img src="../../images/menu6.png" alt="">
		                    <div class="mui-media-body">联系我们</div></a></li>
		         
		        </ul> 

        <h1>众筹项目大全</h1>
    </div>
</template>

<script>
import { Toast } from "mint-ui";
import swiper from "../subcompoments/swiper.vue";
export default {
  data() {
    return {

      lunbotuList: [
        {
          img_src:require("../../images/a.jpg"),
          i:1
        },
        {
          img_src:require("../../images/b.jpg"),
          i:2
        },

        {
          img_src:require("../../images/c.jpg"),
          i:3
        }
         
      ] // 保存轮播图的数组
    };
  },
//   created() {
//     // this.getLunbotu();
//   }
//   methods: {
//     getLunbotu() {
//       // 获取轮播图数据的方法
//       this.$http.get("http://vue.studyit.io/api/getlunbo").then(result => {
//         // console.log(result.body);
//         console.log(1)
//         if (result.body.status === 0) {
//           // 成功了
//           console.log(2)
//           this.lunbotuList = result.body.message;
//           Toast("success!!!");
//         } else {
//           // 失败的
//           console.log(3)
//           Toast("加载轮播图失败。。。");
//         }
//       });
//     }
//   }

components:{
  swiper
}

 }


</script>


<style lang="scss" scoped>
    .mint-swipe {
        height:200px;
        .mint-swipe-item {
            // &:nth-child(1){
            //     background-color: gold;
            // }
            //  &:nth-child(2){
            //     background-color: cyan;
            // }
            //  &:nth-child(3){
            //     background-color: lightcoral;
            // }
              img {
                    width: 100%;
                    height: 100%;
                }
        }
    }

.mui-grid-view.mui-grid-9 {
         background-color: #fff;
         border: none;
                img {
                         width: 60px;
                         height: 60px;
                    }

                .mui-media-body{
                        font-size: 13px;
                    }
}

.mui-grid-view.mui-grid-9 .mui-table-view-cell {
  border: 0;
}


</style>